<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>聚橙网手机端</title>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="telephone=no,email=no" name="format-detection"/>
	<script src="lib/flexible_css.debug.js"></script>
	<script src="lib/flexible.debug.js"></script>
	<link rel="stylesheet" type="text/css" href="css/reset-app.css"/>
	<link rel="stylesheet" type="text/css" href="css/citysel.css"/>
</head>
<body>


<div class="city-tt">
	<a href="index.html"><</a>
	<span>切换城市</span>
</div>

<div class="citysel-all">
	<div class="city-part1">
		<div class="city-part1-item">
			<span>当前 :</span>
			<span>广州</span>
		</div>
		<div class="city-part1-item" style="border-bottom: none;">
			<span>定位 :</span>
			<span>广州</span>
		</div>
	</div>
	<div class="city-part2">
		<div class="city-part2-tt">
			<span>热门城市</span>
		</div>
		<div class="city-part2-bd">
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国</span>
			<span>全国国</span>
			<span>全国</span>
		</div>
	</div>
	<div class="city-part2">
		<div class="city-part2-tt">
			<span>热门城市</span>
		</div>
		<div class="city-part2-bd" id="jiajinqu">
			<p>海口1</p>
			<p>海口2</p>
			<p>海口3</p>
			<p>海口4</p>
			<p>海口5</p>
			<p>海口6</p>
			<p>海口7</p>
			<p>海口8</p>
			<p>海口9</p>
			<p>海口10</p>
		</div>
	</div>
</div>

<div class="jiazai xiaoshi">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>




</body>
<script src="lib/jquery.min.js"></script>
<script>
$(function(){
	
	
	var shikou = $(window).height();
	var timer = null;
	var flag = true;
	$(window).on("scroll",function(){
		var wscr = $(document).scrollTop();
		var wendang = $(document).height();
		
		if(wscr + shikou >= wendang){
			
			if(flag){
				flag = false;
				// $("#jiajinqu").append("<p>正在加载中....</p>");
				$(".jiazai").removeClass("xiaoshi");
				timer = setTimeout(function(){
					// $("#jiajinqu p:last-child").remove();
					$(".jiazai").addClass("xiaoshi");
					var suiji = Math.floor(Math.random()*(5-1+1)+1);
				for(var i =0;i<suiji; i++){
					$("#jiajinqu").append("<p>我是加进去的</p>");

				}
				flag = true;
				},2000);
			}
			
			
			
		}

	});
	
})	
</script>
</html>